body
{
    font-family: "Segoe UI", Verdana, Arial, Sans-Serif;
    color: #333333;
    background: url(style/total-back.png) repeat;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    
   /* position: absolute;
    right: 0;
    left: 0;*/
    overflow: visible;
    z-index: -2;
    position: relative;
}

/* Reset
-----------------------------------------------------------*/

p, h1, h2, h3
{
    margin: 0;
    padding: 0;
}

a, a:hover, a:visited
{
    text-decoration: inherit;
    color: inherit;
}

img
{
    border: none;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend 
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}


/*
-----------------------------------------------------------*/

#back
{
    background: url(style/back.png) repeat;
    padding: 0 0 0 0;
    /*overflow: hidden;
     margin: 0 -323px 0 0; */
    /* position: absolute;
    right: 0;
    left: 0; */
    z-index: -10;
    position: relative;
    overflow: hidden;
}

#header-back
{
    background: url(style/header-back.png) repeat-x;
    height: 310px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -5;
    
}

#header
{
    width: 960px;
    margin: 0 auto;
    position: relative;
    overflow: visible;
}
#header > div
{
    background: url(style/header.png) no-repeat;
    width: 1726px;
    height: 310px;
    position: absolute;
    top: 0;
    left: -383px;
}


#body a#logo
{
    /* margin: 46px 0 0 74px; */
    margin: 0 0 0 10px;
    border: none;
}

#linksbar
{
    float: right;
    margin: 30px 10px 0 0;
}


/* Body
-----------------------------------------------------------*/


#body
{
    /* overflow: hidden; */
    width: 960px;
    margin: 0 auto;
    min-height: 400px;
    color: #333333;
    padding: 60px 0 370px 0;
    z-index: -1;
    overflow: hidden;
}
    #body ul#breadcrumb
    {
        margin: 0;
        list-style: none;
        padding: 0;
        overflow: hidden;
        margin: 10px 10px 0 10px;
        /*background: rgba(255, 255, 255, 0.6);*/
        background: url(style/breadbar.png) no-repeat;
        clear: both;
        /* border-radius: 6px;
        border: 1px solid #D6E5E2; */
        padding: 0 0 0 10px;
        height: 30px;
    }
    #body ul#breadcrumb li
    {
        float: left;
        height: 30px;
    }
    #body ul#breadcrumb li a
    {
        display: block;
        padding: 4px 7px 4px 25px;
        margin: 0;
        background-image: url(style/breadSep.png), url(style/breadBack.png);
        background-repeat: no-repeat, repeat-x;
        background-position: top left, top left;
        height: 22px;
        color: #E9E9E9;
    }
    #body ul#breadcrumb li:first-child a
    {
        background-image: url(style/breadBack.png);
        background-repeat: repeat-x;
        background-position: top left;
        padding: 4px 10px 4px 10px;
    }
    #body ul#breadcrumb li a:hover
    {
        text-decoration: underline;
    }
    #body ul#breadcrumb li:last-child
    {
        padding: 4px 7px 4px 25px;
        background-image: url(style/breadSep.png);
        background-repeat: no-repeat;
        background-position: top left;
        height: 22px;
    }
    

.productImg
{
    float: left;
    margin: 0 20px 0 0;
    padding: 5px;
    border: 1px solid #B3B3B3;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.6);
    max-height: 220px;
    max-width: 220px;
    min-height: 100px;
    min-width: 100px;
}

#bingMapWrapper
{
    float: right;
    margin: 0 0 0 20px;
    padding: 5px;
    border: 1px solid #B3B3B3;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.6);

}
#bingMap
{
    position:relative;
    width:340px;
    height:400px;
}

.productImgSmall
{
	height: 60px;
	width: 60px;
}

#homeCategories
{
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#homeCategories li
{
    display: block;
    width: 220px;
    height: 220px;
    border: 1px solid #B3B3B3;
    float: left;
    margin: 0 18px 0 0;
}
#homeCategories li:hover
{
    /*background: #000000;*/
    
}
#homeCategories a
{
    width: 200px;
    height: 200px;
    display: block;
    padding: 10px;
    text-decoration: none;
    
    
}
#homeCategories li a div
{
    width: 200px;
    height: 200px;
    position: relative;
}
#homeCategories li a div div
{
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    visibility: hidden;
}
#homeCategories li:hover a div div,
#homeCategories li:hover p
{
    visibility: visible;
}
#homeCategories li p
{
    visibility: hidden;
    position: absolute;
    bottom: 10px;
    left: 10px;
    margin: 0;
    font-size: 24px;
    color: #FFFFFF;
    font-weight: bold;
}

.columns
{
    margin: 10px 0 0 0;
    overflow: hidden;
}

.triColumn
{
    width: 300px;
    margin: 0 20px 0 0;
    float: left;
}


/* Footer
-----------------------------------------------------------*/

#footer-back
{
    background: url(style/footer-back.png) repeat-x ;
    height: 360px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#footer-back-2
{
    position: absolute;
    background: url(style/footer-back-2.png) repeat-x -1px;
    height: 360px;
    right: 0;
    bottom: 0;
    left: 50%;
}

#footer
{
    width: 960px;
    margin: 0 auto;
    position: relative;
    overflow: visible;
}
#footer > div
{
    background: url(style/footer.png) no-repeat;
    width: 1082px;
    height: 360px;
    position: absolute;
    top: 0;
    left: -61px;
}



#footer-content
{
    padding: 200px 0 0 0;
    position: relative;
    margin: 0 auto;
    width: 960px;
}
    #footer-content h1
    {
        font-weight: bold;
        font-size: 15px;
        color: #D9E021;
        font-family: inherit;
        line-height: 20px;
    }
    #footer-content ul
    {
        list-style: none;
        padding: 0;
    }
    
    #footer-content a
    {
        border-bottom: 1px dotted #323D12;
        color: #323D12;
    }
    #footer-content a:hover
    {
        border: none;       
    }

#copyright
{
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center;
    color: #FFF;
}



/* Misc
-----------------------------------------------------------*/


h1 
{
    color: #375290;
    font-size: 24px;
    font-family: Georgia, Serif;
    font-weight: normal;
    line-height: 36px;
    margin: 0.5em 0 0.5em 0;
}

h2 
{
    color: #315160;
    font-size: 18px;
    font-family: Georgia, Serif;
    font-weight: normal;
    line-height: 25px;
    margin: 0.5em 0 0.5em 0;
}

p
{
    margin: 0.5em 0;
}   

table
{
    border-top: 1px solid #777;
    border-collapse: collapse;
}
    
tr
{
    border-bottom: 1px solid #777;
}

th, #body td
{
    padding: 4px 8px;
    text-align: left;
}

.tricol
{
    width: 300px;
    padding: 0 10px;
    float: left;
    position: static;
}
.fullcol
{
    padding: 0 10px;
}

div.boxes
{
    padding: 0;    
}

div.boxes > div
{
    overflow: hidden;
    display: block;
    margin: 0 0 10px 0;
    width: 600px;
}

div.boxes h1
{
    margin: 10px 0 0.5em 130px;
    display: block;
    font-size: 18px;
    color: #729DBA;
    font-weight: bold;
    font-family: inherit;
    margin: 0;
}

div.boxes p
{
    margin: 0 0 0.5em 130px;
}

div.boxes img
{
    padding: 12px 15px 18px 15px;
    width: 80px;
    float: left;
    margin: 0 20px 0 0;
    background: url(style/photo.png) no-repeat;
}

a, a:visited
{
    border-bottom: 1px dotted #627279;
    color: #315160;
}
a:hover
{
    border: none;
}

h1 a, h2 a 
{
    border: none;
}

#little-search-box
{
    clear: right;
    float: right;
    overflow: hidden;
    position: relative;
}

#little-search-box img
{
    vertical-align: bottom;
}

#little-search-box input
{
    width: 219px;
    margin: 10px 10px 0 0;
    font-family: inherit;
    font-size: 12px;
    height: 16px;
}

#little-search-box input.incited
{
    color: #CCC;
}

form
{
    max-width: 600px;
}

.error
{
    color: #FF0000;
}


form dl
{
    width: 550px;
    margin: 10px 0 10px 0;
    padding: 10px 0 0 0;
    overflow: hidden;
}

form dl.separated
{
    border-top: 1px solid #AAA;
}

form dt
{
    width: 250px;
    float: left;
    margin: 0 0 0 0;
    padding: .25em .5em 1em .5em;

font-weight: bold;
color: #555;
}

form label
{
    display: block;
    margin: .5em 0 0 0;
}

form p
{
    clear: both;
}

form dd
{
    float: left;
    width: 250px;
    margin: 0 0 0 0;
    padding: .5em .5em 1em .5em;
/* border-top: 1px solid #999; */
}

form dd,
form dt
{
   border-top: 1px dotted #999; 
}

dt
{
    font-weight: bold;
}

input, select, button
{
    font-family: inherit;
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    margin: 2px 0;
    padding: 1px 1px 1px 4px;
}

input[type=text],
select
{
    width: 240px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #CCC;
}

a.img 
{
    border: 0;
    text-decoration: none;
}

form.sectionSearch
{
    padding: 0 0 10px 0;
}

form.sectionSearch ul
{
    list-style: none;
    padding: 0;
}

form.sectionSearch li
{
    float: left;
    margin: 0 20px 0 0;
}

form.sectionSearch input[type=text]
{
    width: 100px;
}

form.sectionSearch label
{
    display: inline;
    margin: 0 10px 0 0;
}

.price
{
    color: #315160;
    font-size: 18px;
    font-weight: bold;
}

.stars
{
    display: block;
    margin: 0 0 0 10px;
    line-height: 0;
    color: #AAA;
    font-size: 14px;
}
.stars img
{
    vertical-align: -3px;
}
.commentNote
{
    margin: 0 0 0 10px;
}
.stars a
{
    color: #AAA;
}

.products
{
    list-style: none;
    display: block;
    overflow: hidden;
    padding: 0;
}

.products li
{
    overflow: hidden;
    float: left;
    display: block;
    margin: 0 0 0 10px;
    width: 100px;
    height: 150px;
}

.products img
{
    padding: 3px;
    border: 1px solid #B3B3B3;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.6);
    max-height: 91px;
    max-width: 91px;
    float: left;
    display: block;
}
.products span
{
    display: block;
}